import axios from "axios";

import { ElMessage } from 'element-plus'
import { getToken } from './auth'
import router from '../router/index';
import { AxiosResponse, AxiosInstance, AxiosRequestConfig } from "axios";

// 配置将会按优先级进行合并。它的顺序是：在lib/defaults.js中找到的库默认值，
// 然后是实例的 defaults 属性，最后是请求的 config 参数。后面的优先级要高于前面的。
axios.defaults.baseURL = "/api"
axios.defaults.timeout = 2500

var instance: AxiosInstance = axios.create({
    timeout: 3000,
    headers: {
        // "Access-Control-Allow-Origin": "*"
    }
});

var payloadInstance: AxiosInstance = axios.create({
    timeout: 3000,
    headers: {
        // "Access-Control-Allow-Origin": "*"
    },
    baseURL:"/wcf/api"
});

// 添加请求拦截器
instance.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    const token = getToken();
    console.log(token)
    if (token != null) {
        // let each request carry token
        // ['X-Token'] is a custom headers key
        // please modify it according to the actual situation
        config.headers['token'] = token
    }
    return config;
}, function (error: any) {
    // 对请求错误做些什么
    return Promise.reject(error);
});

export interface Result<T> {
    code: number
    message: string,
    data: T
}
export interface Payload<T> {
    Payload: T
}

// 添加响应拦截器
instance.interceptors.response.use(
    (res: AxiosResponse) => {
        // 2xx 范围内的状态码都会触发该函数。
        // 对响应数据做点什么
        let data = res.data;
        if (data.code !== 200) {
            if (data.code == 409) {
                router.push("/")
            } else {
                ElMessage({
                    type: 'error',
                    message: data.message || 'error',
                    duration: 3000
                })
            }
        }
        return res;
    },
    function (error: any) {
        // 超出 2xx 范围的状态码都会触发该函数。
        // 对响应错误做点什么
        console.log(error)
        ElMessage({
            type: 'error',
            message: error || 'error',
            duration: 3000
        })
        return Promise.reject(error);
    });


// export default instance

// AxiosRequestConfig从axios中导出的，将config声明为AxiosRequestConfig，这样我们调用函数时就可以获得TS带来的类型提示
// 泛型T用来指定Reponse类型中result的类型
export default <T>(config: AxiosRequestConfig) => {
    // 指定promise实例成功之后的回调函数的第一个参数的类型为Response<T>
    return new Promise<T>((resolve, reject) => {
        // instance是我们在上面创建的axios的实例
        // 我们指定instance.request函数的第一个泛型为Response，并把Response的泛型指定为函数的泛型T
        // 第二个泛型AxiosResponse的data类型就被自动指定为Response<T>
        // AxiosResponse从axios中导出的，也可以不指定，TS会自动类型推断
        instance.request<Result<T>>(config).then((response: AxiosResponse<Result<T>>) => {
            // response类型就是AxiosResponse<Response<T>>，而data类型就是我们指定的Response<T>
            // 请求成功后就我们的数据从response取出并使返回的promise实例的状态变为成功的
            resolve(response.data.data)
        }).catch((error: any) => {
            // 请求失败的处理
            reject(error)
        })
    })
}

export const payloadRequest = <T>(config: AxiosRequestConfig) => {
    // 指定promise实例成功之后的回调函数的第一个参数的类型为Response<T>
    return new Promise<T>((resolve, reject) => {
        // instance是我们在上面创建的axios的实例
        // 我们指定instance.request函数的第一个泛型为Response，并把Response的泛型指定为函数的泛型T
        // 第二个泛型AxiosResponse的data类型就被自动指定为Response<T>
        // AxiosResponse从axios中导出的，也可以不指定，TS会自动类型推断
        payloadInstance.request<Payload<T>>(config).then((response: AxiosResponse<Payload<T>>) => {
            // response类型就是AxiosResponse<Response<T>>，而data类型就是我们指定的Response<T>
            // 请求成功后就我们的数据从response取出并使返回的promise实例的状态变为成功的
            resolve(response.data.Payload)
        }).catch((error: any) => {
            // 请求失败的处理
            reject(error)
        })
    })
}